<template>
  <view class="">
    <u-form-item
      :label="item.label"
      :prop="item.value"
      borderBottom
      ref="item1"
    >
      <u--input
        placeholder="请输入内容"
        v-model="inputValue"
        border="none"
        @blur="blur"
      ></u--input>
    </u-form-item>
  </view>
</template>

<script>
  export default {
    props: {
      item: {
        typeof: Object,
        default: () => {
          return {};
        },
      },
      data: {
        typeof: Object,
        default: () => {
          return {};
        },
      },
      value: {
        typeof: [String, Number, Boolean, Array, Object],
        default: () => {
          return "";
        },
      },
    },
    data() {
      return {
        inputValue: "",
      };
    },
    methods: {
      blur() {
        this.$emit("input", this.inputValue);
      },
    },
  };
</script>

<style></style>
